<div id='ifream-body' style="padding: 15px;">
	<fieldset class="layui-elem-field layui-field-title"
		style="margin: 15px;">
		<legend>人才库</legend>
	</fieldset>
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-header">
					<a href="{:url('Index/audition')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 待我面试
					</a>
					<a href="{:url('Entry/conduct')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 办理入职
					</a>
					<a href="{:url('Promotion/index')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 转正
					</a>
					<a href="{:url('Personnel/record')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 建档
					</a>
				</div>
				<div class="layui-card-body">{{content}}</div>
			</div>
		</div>
		<div class="layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-body">
					<a href="{:url('Personnel/interview')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 面试
					</a>
					<a href="{:url('Index/homepage')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 首页
					</a>
				</div>
			</div>
		</div>
		<div class="layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-body">
					<a href="{:url('Personnel/entry')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 入职
					</a>
				</div>
			</div>
		</div>
		<div class="layui-col-md3">
			<div class="layui-card">
				<div class="layui-card-body">
					<a href="{:url('Personnel/quit')}" class="layui-btn" @click='ajaxDemo()'>
						<i class="fa fa-plus-square"></i> 离职
					</a>
				</div>
			</div>
		</div>
		<fieldset class="layui-elem-field layui-field-title"
			style="margin: 15px;">
			<legend>工资管理</legend>
		</fieldset>
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Workattendance/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 考勤记录</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Overtimeleave/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 加班请假管理</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Adjust/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 调岗调薪</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Rewardpunishment/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 奖惩</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Loanrepayment/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 借还款</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Payroll/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 生产工资条</a>
					</div>
				</div>
			</div>
		</div>
		<fieldset class="layui-elem-field layui-field-title"
			style="margin: 15px;">
			<legend>设置</legend>
			<div class="layui-row layui-col-space15">
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="javascript:;" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> {{title}}</a>
					</div>
					<div class="layui-card-body">{{content}}</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Holiday/holidayset')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 假期设置</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Cardset/index')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 打卡设置</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						结合 layui 的栅格系统<br> 轻松实现响应式布局
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Setup/personaltax')}" class="layui-btn" ><i
							class="fa fa-plus-square"></i> 个人所得税</a>
					</div>
				</div>
			</div>
		</div>
		<fieldset class="layui-elem-field layui-field-title"
			style="margin: 15px;">
			<legend>报表</legend>
		</fieldset>
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="javascript:;" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> {{title}}</a>
					</div>
					<div class="layui-card-body">{{content}}</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						结合 layui 的栅格系统<br> 轻松实现响应式布局
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						<div class="layui-card-header">
						<a href="{:url('Setup/vacation')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 假期报表</a>
						</div>	
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						<div class="layui-card-header">
						<a href="{:url('Setup/checkingtable')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 考勤报表</a>
						</div>	
					</div>
				</div>
			</div>
		</div>
		<fieldset class="layui-elem-field layui-field-title"
			style="margin: 15px;">
			<legend>设置</legend>
		</fieldset>
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Setup/createbranch')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 创建部门</a>
					</div>
					<div class="layui-card-body">{{content}}</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header">
						<a href="{:url('Setup/personalschedul')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 排班管理</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						<div class="layui-card-header">
						<a href="{:url('Setup/paytable')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 薪资报表</a>
						</div>	
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-body">
						<div class="layui-card-header">
						<a href="{:url('Setup/personnetable')}" class="layui-btn" @click='ajaxDemo()'><i
							class="fa fa-plus-square"></i> 人事报表</a>
						</div>	
					</div>
				</div>
			</div>
		</div>
		</fieldset>
	</div>
</div>
<script type="text/javascript">
var app = new Vue({
		el: '#layui-body',
			data: {
			title: '点击请求',
			content: ''
		}
	})
ajaxDemo = () => {
	$.post("{:url('Index/')}", {}, function(jsondata) {
		if(jsondata.status == '1'){
			layer.msg('请求成功')
			app.content = jsondata.msg
		}else{
			app.content = '请求失败'
		}
	}, 'json')
}
</script>
